<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	[@seo type = "productContent"]
		<title>[#if product.seoTitle??]${product.seoTitle}[#elseif seo.title??][@seo.title?interpret /][/#if][#if systemShowPowered] - 766 SMART HOME[/#if]</title>
		<meta name="author" content="BIZ Team" />
		<meta name="copyright" content="BIZ" />
		[#if product.seoKeywords??]
			<meta name="keywords" content="${product.seoKeywords}" />
		[#elseif seo.keywords??]
			<meta name="keywords" content="[@seo.keywords?interpret /]" />
		[/#if]
		[#if product.seoDescription??]
			<meta name="description" content="${product.seoDescription}" />
		[#elseif seo.description??]
			<meta name="description" content="[@seo.description?interpret /]" />
		[/#if]
	[/@seo]
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
		<link href="${base}/resources/shop/css/common.css" rel="stylesheet" type="text/css" />
		<link href="${base}/resources/shop/css/style.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="${base}/resources/shop/js/jquery.js"></script>
		<script type="text/javascript" src="${base}/resources/shop/js/common.js"></script>
	</head>
	<body>
		[#include "/shop/include/login_header.ftl" />
		[#include "/shop/include/header.ftl" /]
		<div class="container span24">
			<div class="span5 advert-position"></div>
			<div class="prodcut-details-right span19">
				<div class="content-head"><span class="">产品详情</span></div>
				<div class="prodcut-details-top clearfix">
					<div class="left prodcut-pictures span8">
						<div class="productImage">
							[#if product.productImages?has_content]
								<a id="zoom" href="${product.productImages[0].large}" rel="gallery">
									<img class="medium" src="${product.productImages[0].medium}" />
								</a>
							[#else]
								<a id="zoom" href="${setting.defaultLargeProductImage}" rel="gallery">
									<img class="medium" src="${setting.defaultMediumProductImage}" />
								</a>
							[/#if]
							<a href="javascript:;" class="prev"></a>
							<div id="scrollable" class="scrollable">
								<div class="items">
									[#if product.productImages?has_content]
										[#list product.productImages as productImage]
											<a[#if productImage_index == 0] class="current"[/#if] href="javascript:;" rel="{gallery: 'gallery', smallimage: '${productImage.medium}', largeimage: '${productImage.large}'}"><img src="${productImage.thumbnail}" title="${productImage.title}" /></a>
										[/#list]
									[#else]
										<a class="current" href="javascript:;"><img src="${setting.defaultThumbnailProductImage}" /></a>
									[/#if]
								</div>
							</div>
							<a href="javascript:;" class="next"></a>
						</div>
					</div>
					<div class="right details-introduces span10">
						<h2>三菱空气净化器511机型专用溶菌酶复合过滤器CED438AB</h2>
						<ul>
							<li>
								<label>市&nbsp;&nbsp;场&nbsp;价：</label>
								<span class="mall-market-price">￥18300.00</span>
							</li>
							<li>
								<label>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：</label>
								<span class="main_color">￥<span class="buy-price">16300.00</span></span>
							</li>
							<li>
								<label>品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;牌：</label>
								<span class="brand">前锋</span>
							</li>
							<li>
								<label>库&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;存：</label>
								<span class="">44</span>
							</li>
							<li>
								<label>购买数量：</label>
								<span class="">
									<div class="editNum">
										<input type="button" class="reduce">&nbsp;</span>
										<input type="text" name="" maxlength="4" class="inputNum" id="mallNum" value="1" />
										<input type="button" class="increase">&nbsp;</span>
									</div>
								</span>
							</li>
							<li>
								<button class="cart-btn">加入购物车</button>
								<button class="destine-btn">立即预定</button>
							</li>
						</ul>
					</div>
				</div>
				<div class="con-main">
					<ul class="switch-head clearfix">
						<li><a class="">产品详情</a></li>
						<li><a class="product_de_head_act">产品评论</a></li>
					</ul>
					<div id="prodcutDetails">
						<!--<img src="http://6811802.s21i-6.faiusr.com/2/ABUIABACGAAg7Yn-rwUoqu2w0gcw0gU4yRY.jpg" />-->
					</div>
					<div id="prodcutComments">
						<ul class="conmments-list">
							<li class="clearfix">
								<div class="left">
									<p>好得很这货</p>
									<div class="conmment-imgs">
										<img src="images/apply_design.png" />
									</div>
									<div class="conmment-date">2015.12.25</div>
								</div>
								<div class="right">
									<img src="images/define_head.png"/>
									<div id="user_name" class="user-name">哆啦A梦</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	[#include "/shop/include/footer.ftl" /]
	</body>
	<script type="text/javascript" src="${base}/resources/shop/js/public.js"></script>
	<script type="text/javascript" src="${base}/resources/shop/js/jquery.tools.js"></script>
	<script type="text/javascript" src="${base}/resources/shop/js/jquery.lazyload.js"></script>
	<script type="text/javascript" src="${base}/resources/shop/slider/slider.js"></script>
	<script type="text/javascript">
		$(function(){
			var $buyNum =$("#mallNum");
//			限制输入整数
			$buyNum.numeral(false);
			editNum($(".reduce"),$buyNum,$(".increase"),false);
		});
	</script>
</html>
